<template>
  <div class="banner">
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
      <van-swipe-item v-for="item,index of banners" :key="index"><img :src="item.imageUrl" alt=""></van-swipe-item>
    </van-swipe>
  </div>
</template>

<script>
export default {
    props:{
        banners:{
            type:Array
        }
    }
};
</script>

<style scoped>
.my-swipe .van-swipe-item {
  color: #fff;
  font-size: 20px;
  text-align: center;
}
.van-swipe__indicator{
    width: 0.2rem !important;
}
.my-swipe{
  height: 100%;
}
.van-swipe-item{
  width: 100%;
  height: 100%;
}
img{
    width: 100%;
    height: 100%;
}
</style>